<script setup lang="ts">
const { icon, label } = defineProps<{
  icon: string
  label: string
}>()
</script>
<template>
  <div class="bili-link">
    <i :class="`iconfont ${icon}`"></i>
    <span>{{ label }}</span>
  </div>
</template>
<style lang="less" scoped>
.bili-link {
  display: flex;
  gap: 3px;
  align-items: center;
  color: #61666d;
  font-size: 0.8rem;
  &:hover {
    color: #00aeec;
  }
}
</style>
